<template>
  <div class="dialog" v-show="isShow">
    <div class="dialog-wrap">
      <div class="dialog-header">
        <slot name="header" />
        <button class="dialog-header-close" @click="$emit('update:isShow',false)">X</button>
      </div>
      <div class="dialog-body">
        <p><slot></slot></p>
      </div>
      <div class="dialog-footer">
        <slot name="footer"></slot>
      </div>
    </div>
  </div>

</template>

<script>
export default {
  name: "Dialog",
  props: {
      isShow: {
          type: Boolean,
          required: true,
      },
  }
};
</script>

<style lang="less" scoped>

</style>